<!DOCTYPE html>
<html lang="zh-cmn-Hans">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>鹿程智慧油站商户平台</title>
		<meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"/>
		<meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理"/>
		<link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
		<!-- <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"> -->
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<link rel="stylesheet" href="../css/style.css" />
	</head>
<body>
	<section>
		<!--deer-tit-->
		<div class="deer-tit">
			<h3>微信配置</h3>
			<h4>自定义菜单</h4>	
		</div>
		<!--/deer-tit-->
		<!--deer-content-->
		<div class="deer-content">
			<!--wechat-->
			<div class="wechat" id="wechat">
				<!--span-->
				<span>可添加最多3个一级菜单，每个一级菜单可添加最多5个子菜单</span>
				<!--span-->
				<!--wechat-menu-->
				<div class="wechat-menu">
					<div class="wechat-menu-header">
						<h2>百味胡同</h2>
					</div>
					<!--footer-->
					<div class="wechat-menu-footer">
						<div class="wechat-menu-list">
							<ul class="wechat-first">
								<li v-for="(item,index) in menuList" :class="{'active':firstActive==index}" @click="menuFirst(item,index)">
									<span>{{item.name}}</span>
									<ul class="wechat-second" :class="{'wechat-isshow':menu==index}">
										<li v-for="(item,index) in item.sub_button" :class="{'active':secondActive==index}" @click.stop="menuSecond(item,index)">{{item.name}}</li>
										<li @click.stop="secondAdd(item)"><i class="layui-icon">&#xe654</i></li>
										<div class="wechat-icon">
											<span><i></i><i></i></span>
										</div>
									</ul>
								</li>
								<li @click="firstAdd()"><i class="layui-icon">&#xe654</i></li>
							</ul>
						</ul>
					</div>
					<!--footer-->
					</div>
				</div>
				<!--/wechat-menu-->
				<!--wechat-list-->
				<div class="wechat-list layui-form" :class="{'wechat-isshow':menuShow}">
					<div class="wechat-lists">
						<div class="wechat-list-tit">
							<h3>{{menuName}}</h3><button class="deer-btn" @click="deletes(items)">删除</button>
						</div>
						<div class="wechat-list-content">
							<dl>
								<dt>{{menuTit}}</dt>
								<dd><input type="text" v-model="menuName" id="name" class="layui-input" @change="changeName(items,menuName)" style="width: 200px;">
								<p>{{menuRequire}}</p>
								</dd>
							</dl>
						</div>
						<!--菜单-->
						<div class="wechat-list-contents" :class="{'wechat-isshow':listContent}">
							<dl>
								<dt>{{menuContent}}</dt>
								<dd id="text">
									<p @click="type(items,'click')"><input type="radio" name="radio" checked title="发送消息"></p>
									<p @click="type(items,'view')"><input type="radio" name="radio" title="跳转网页"></p>
								</dd>
							</dl>
							<div class="wechat-text" :class="{'wechat-isshow':content}">
								<textarea class="layui-textarea" v-model="menuKey" @change="changeKey(items,menuKey)" placeholder="请输入您要发送的文字信息"></textarea>
							</div>
							<div class="wechat-link":class="{'wechat-isshow':!content}">
								<p>订阅者点击该菜单会跳到以下链接</p>
								<p><span>页面地址</span><input type="text" v-model="menuUrl" @change="changeLink(items,menuUrl)" class="layui-input layui-inline" /></p>
							</div>
						</div>
					</div>
				</div>
				<!--/wechat-list-->
				<!--wechat-manipulate-->
				<div class="wechat-manipulate" :class="{'wechat-isshow':!menuShow}">
					<span>点击左侧菜单进行编辑操作</span>
				</div>
				<!--wechat-manipulate-->
			<!--/wechat-->
				<!--submit-->
				<div class="wechat-submit">
					<button class="submit" @click="submits()">保存</button>
				</div>
				<!--submit-->
			
		</div>
		<!--/deer-content-->
	</section>
	<!--js-->
		<aside>
			<script type="text/javascript" src="../layui/layui.js" ></script>
			<script type="text/javascript" src="../js/jquery.min.js" ></script>
			<script type="text/javascript" src="../js/vue.js" ></script>
			<script type="text/javascript" src="../js/wechat.js" ></script>
		</aside>
		<!--/js-->
</body>
</html>